{{-- 模板名字 --}}
@extends('Layout/HomeBase')



{{-- 页面名字 --}}
@section('title', '商城主页')




{{-- 加载css文件 --}}
@section('css')
<link href="{{asset('Home/css/amazeui.css')}}" rel="stylesheet" type="text/css" />

<link href="{{asset('Home/css/demo.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('Home/css/cartstyle.css')}}" rel="stylesheet" type="text/css" />

<link href="{{asset('Home/css/jsstyle.css')}}" rel="stylesheet" type="text/css" />


@endsection




{{-- 网页主体 --}}
@section('main')

<div class="paycont">
  <div class="address">
    <h3>确认收货地址 </h3>
    <div class="control">
      <div class="tc-btn createAddr theme-login am-btn am-btn-danger">使用新地址</div>
    </div>
    <div class="clear"></div>
    @foreach($address as $v)
    <ul>
      <div class="per-border"></div>
      <li class="user-addresslist defaultAddr">
        <div class="address-left">
          <div class="user DefaultAddr">

            <span class="buy-address-detail">
           <span class="buy-user">{{$v->linkman}} </span>
            <span class="buy-phone">{{$v->telephone}} </span>
            </span>
          </div>
          <div class="default-address DefaultAddr">
            <span class="buy-line-title buy-line-title-type">收货地址：</span>
            <span class="buy--address-detail">
           <span class="province">{{$v->province}} </span>
            <span class="city">{{$v->city}} </span>
            <span class="dist">{{$v->district}} </span>
            <span class="street">{{$v->dec}} </span>
            </span>
            </span>
          </div>
        </div>
        <div class="address-right">
          <a href="../person/address.html">
            <span class="am-icon-angle-right am-icon-lg"></span></a>
        </div>
        <div class="clear"></div>
        <div class="new-addr-btn">
          <input type="radio" name="address" value="{{$v->id}}">选用
          <span class="new-addr-bar">|</span>
          <a href="javascript:void(0);" onclick="delClick(this);">删除</a>
        </div>
      </li>
      @endforeach
      <div class="per-border"></div>
    </ul>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>

  <!--订单 -->
  <div class="concent">
    <div id="payTable">
      <h3>确认订单信息</h3>
      <div class="cart-table-th">
        <div class="wp">

          <div class="th th-item">
            <div class="td-inner">商品信息</div>
          </div>
          <div class="th th-price">
            <div class="td-inner">单价</div>
          </div>
          <div class="th th-amount">
            <div class="td-inner">数量</div>
          </div>
          <div class="th th-sum">
            <div class="td-inner">金额</div>
          </div>

        </div>
      </div>
      <div class="clear"></div>

      <tr class="item-list">
        <div class="bundle  bundle-last">
          @foreach($data as$k=>$v)
          <div class="bundle-main">
            <ul class="item-content clearfix">
              <div class="pay-phone">
                <li class="td td-item">
                  <div class="item-pic">
                    <a href="#" class="J_MakePoint">
                      <img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>
                  </div>
                  <div class="item-info">
                    <div class="item-basic-info">
                      <a href="#" class="item-title J_MakePoint" data-point="tbcart.8.11">{{$v['shop_name']}}</a>
                    </div>
                  </div>
                </li>
                <li class="td td-info">
                  <div class="item-props">
                    <span class="sku-line">{{$v['shop_specification']}}</span>
                  </div>
                </li>
                <li class="td td-price">
                  <div class="item-price price-promo-promo">
                    <div class="price-content">
                      <em class="J_Price price-now">{{$v['shop_money']}}</em>
                    </div>
                  </div>
                </li>
              </div>
              <li class="td td-amount">
                <div class="amount-wrapper ">
                  <input type="hidden" name="goods_id" value="{{$k}}">
                  <div class="item-amount ">
                    <span class="phone-title">购买数量</span>
                    <div class="sl">
                      <input class="min am-btn" name="reduce" type="button" value="-" />
                      <span value="{{$v['shop_num']}}" >{{$v['shop_num']}}</span>
                      <input class="add am-btn" name="add" type="button" value="+" />
                    </div>
                  </div>
                </div>
              </li>
              <li class="td td-sum">
                <div class="td-inner">
                  <em tabindex="0" class="J_ItemSum number">{{$v['shop_money']*$v['shop_num']}}</em>
                </div>
              </li>

            </ul>
            <div class="clear"></div>
@endforeach
          </div>
      </tr>
      <div class="clear"></div>
      </div>
      </div>
      <div class="clear"></div>
      <div class="pay-total">
    <!--留言-->
      <div class="order-extra">
        <div class="order-user-info">
          <div id="holyshit257" class="memo">
            <label>买家留言：</label>
            <input type="text" title="选填,对本次交易的说明（建议填写已经和卖家达成一致的说明）" placeholder="选填,建议填写和卖家达成一致的说明" class="memo-input J_MakePoint c2c-text-default memo-close">
            <div class="msg hidden J-msg">
              <p class="error">最多输入500个字符</p>
            </div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
      </div>
      <!--信息 -->
      <div class="order-go clearfix">
        <div class="pay-confirm clearfix">
          <div class="box">
            <div tabindex="0" id="holyshit267" class="realPay"><em class="t">实付款：</em>
              <span class="price g_price ">
                            <span>¥</span> <em class="style-large-bold-red " id="J_ActualFee"name='total'>{{$money}}</em>
              </span>
            </div>
          <div id="holyshit269" class="submitOrder">
            <div class="go-btn-wrap">
              <a id="J_Go" href="javascript:;" class="btn-go" tabindex="0" title="点击此按钮，提交订单">提交订单</a>
            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>

    <div class="clear"></div>
  </div>
</div>

</div>









<div class="theme-popover">
<!--标题 -->
<div class=" am-padding">
  <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">新增地址</strong> / <small>Add address</small></div>
</div>


<div class="am-u-md-12">
  <form class="am-form am-form-horizontal">

    <div class="am-form-group">
      <label for="user-name" class="am-form-label">收货人</label>
      <div class="am-form-content">
        <input type="text" id="user-name" placeholder="收货人">
      </div>
    </div>

    <div class="am-form-group">
      <label for="user-phone" class="am-form-label">手机号码</label>
      <div class="am-form-content">
        <input id="user-phone" placeholder="手机号必填" type="email">
      </div>
    </div>

    <div class="am-form-group">
      <label for="user-phone" class="am-form-label">所在地</label>
      <div class="am-form-content address">
        <select data-am-selected>
          <option value="a">浙江省</option>
          <option value="b">湖北省</option>
        </select>
        <select data-am-selected>
          <option value="a">温州市</option>
          <option value="b">武汉市</option>
        </select>
        <select data-am-selected>
          <option value="a">瑞安区</option>
          <option value="b">洪山区</option>
        </select>
      </div>
    </div>

    <div class="am-form-group">
      <label for="user-intro" class="am-form-label">详细地址</label>
      <div class="am-form-content">
        <textarea class="" rows="3" id="user-intro" placeholder="输入详细地址"></textarea>
        <small>100字以内写出你的详细地址...</small>
      </div>
    </div>

    <div class="am-form-group theme-poptit">
      <div class="am-u-sm-9 am-u-sm-push-3">
        <div class="am-btn am-btn-danger">保存</div>
        <div class="am-btn am-btn-danger close">取消</div>
      </div>
    </div>
  </form>
</div>

</div>

<div class="clear"></div>




@endsection



{{-- 页脚JS代码 --}}
@section('bottom-js')

<script type="text/javascript" src="{{asset('Home/js/address.js')}}"></script>
<script>
{{-- 城市三级联动 --}}

	$.post(
		"/shop/area",
		{'upid': '0', '_token': '{{ csrf_token() }}'},
		function (msg) {

			var str = '';
			for (var i=0; i < msg.data.length; i++) {
				str += '<option value="' + msg.data[i].id + '">' + msg.data[i].name + '</option>';
			}
			$('#pro').append(str);
		},
		'json'
	);


		$('div#show').on('change', 'select', function () {
			var that = $(this);
			if ($('#pro').val() < 0) {
				$('#city').empty();
				$('#city').append("<option value='-1'>--请选择城市--</option>");
				$('#area').empty();
				$('#area').append("<option value='-1'>--请选择区/县--</option>");
				return false;
			}
			if (that.attr('name') != "area") {
				that.next('select')[0].options.length = 0;
			}

			if ($('#city').val() < 0 ) {
				$('#area').empty();
				$('#area').append("<option value='-1'>--请选择区/县--</option>");
			}

			var currentId = $(this).val();

			// console.log(currentId);

			$.post(
				'/shop/area',
				{'upid': currentId, '_token': '{{ csrf_token() }}'},
				function (msg) {
					var str = '';
						// console.log(msg);
					for (var i = 0; i < msg.data.length; i++) {

						str += '<option value="'+msg.data[i].id+'">'+msg.data[i].name+'</option>';
					}
					if (that.attr('name') == 'pro') {
						that.next('select').append("<option value='-1'>--请选择城市--</option>");
					}
					that.next('select').append(str);
				},
				'json',

			);
			if (that.attr('name') == 'pro') {
				$('#area').empty();
				$('#area').append("<option value='-1'>--请选择区/县--</option>");
			}
		})
</script>
<script>
    $("input[name='reduce']").click(function(){
      var num = $(this).parent().children("span");
      var text = parseInt(num.text());
      var reduce = num.text(text-1);
      var val = num.text();
      var money = $(this).parent().parent().parent().parent().next();
      var price = parseInt(money.find('em').text());
      var total = $("em[name='total']");
      var total_money = parseInt(total.text());

      // var id = $("input[name='goods_id']").val()
      var goods_id = $(this).parent().parent().parent().find("input[name='goods_id']");
      var id = goods_id.val();
      if(val < 1){
        alert('购买数量不能少于一件呀！');
        num.text(text=1);
        return;
      }
      var token  = "{{csrf_token()}}";
      $.ajax({
          type:'post',
          url:"{{url('/changeNum')}}",
          data: {"val":val, "id":id, "_token":token},
          dataType:'json',
          success:function(data){
            money.text(data.money);
            total.text(data.total);
          }
      });

    });
    $("input[name='add']").on("click",function(){
      var num = $(this).parent().children("span");
      var text = parseInt(num.text());
      var reduce = num.text(text+1);
      var val = num.text();
      var money = $(this).parent().parent().parent().parent().next();
      var price = parseInt(money.find('em').text());
      var total = $("em[name='total']");
      var total_money = parseInt(total.text());
      var goods_id = $(this).parent().parent().parent().find("input[name='goods_id']");
      var id = goods_id.val();

      if(val < 1){
        alert('购买数量不能少于一件呀！');
        num.text(text=1);
      }
      var token  = "{{csrf_token()}}";
      $.ajax({
          type:'post',
          url:"{{url('/changeNum')}}",
          data: {"val":val, "id":id, "_token":token},
          dataType:'json',
          success:function(data){
            if(data.code == 200){
              money.text(data.money);
              total.text(data.total);
            }
          }
        });
    });
  $('#J_Go').on('click',function () {
    var aid = $("input[name='address']:checked").val();
    if (!aid){
      alert('请选择收货地址');
    };
    var token  = "{{csrf_token()}}";
    $.ajax({
      type:'post',
      url:"{{url('/doOrder')}}",
      data: {'aid':aid, "_token":token},
      dataType:'json',
      success:function (data) {
        if (data.code = 2000) {
              alert(data.msg);
              location.href= "{{url('/success')}}";
        }else if(data.code = 1403){
              alert(data.msg);

        }
      }
          // location.href= "{{url('admin/DetailController/index')}}";
    });
  });
</script>

@endsection
